<template>
	<view class="">
		<view class="kuang">
			<view class="fl_ju">
				<text class="title">待支付</text>
				<text class="time">倒计时 00：15：00</text>
			</view>
			<u-divider style="margin: 32rpx 0;"></u-divider>
			<view class="fl_al xiangq">
				<image src="../../static/signImages/my.png" mode=""></image>
				<view class="xinxi">
					<view class="name">
						雪王大圣代
					</view>
					<view class="kouwei">
						奥利奥饼干风味/五分糖
					</view>
					<view class="shuliang">
						购买数量 *1
					</view>
				</view>
			</view>
		</view>
		<view class="kuang">
			<view class="one fl_ju">
				<text class="staer">订单编号</text>
				<view class="type">
					0201093019012
				</view>
			</view>
			<view class="one fl_ju">
				<text class="staer">下单时间</text>
				<view class="type">
					2022-03-23 12:00
				</view>
			</view>
			<view class="one fl_ju">
				<text class="staer">实付金额</text>
				<view class="type">
					￥10.00
				</view>
			</view>
			<view class="one fl_ju">
				<text class="staer">是否打包</text>
				<view class="type">
					要打包袋
				</view>
			</view>
			<view class="one fl_ju">
				<text class="staer">备注</text>
				<view class="type">
					无
				</view>
			</view>
			<!-- 		<view class="" style="	display: flex;
		justify-content: flex-end;">
				

			</view> -->
			<view class="btns">
				<view class="btn">
					<u-button text="联系商家"  shape="circle" color="#aaa"></u-button>
				</view>
				<view class="btn">
					<u-button text="立即支付"  shape="circle" color="linear-gradient(to right, #3AA3FF,#005DFF)"></u-button>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>
<style lang="scss" scoped>
	.title {
		color: #090909;
		font-size: 38rpx;
		font-weight: 600;
	}

	.xiangq {
		image {
			width: 150rpx;
			height: 150rpx;
			margin-right: 25rpx;
		}

		.xinxi {
			.name {
				font-size: 30rpx;
				color: #090909;
				font-weight: 600;
			}

			.kouwei {
				color: #AAAAAA;
				font-size: 26rpx;
				margin: 20rpx 0;
			}

			.shuliang {
				color: #090909;
				font-size: 24rpx;
			}
		}
	}

	.one {
		padding: 17rpx 0;

		.staer {
			color: #AAAAAA;
			font-size: 30rpx;
		}

		.type {
			color: #090909;
			font-size: 30rpx;
		}
	}

	.btns {
		background-color: #fff;
		padding: 12rpx 32rpx;
		box-sizing: border-box;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		display: flex;
		justify-content: space-between;
	}

	.btn {
		width: 330rpx;
	}
</style>